<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>活动详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
     <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/mend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_4cu73hwimwr35wmi.css">
    <style>
         .pull-icon{position: absolute;right: 10px;transform: translateY(-280%);padding: 4px;line-height:1;}
         .judge-block p{float:left;}
         .offline-icon{position: absolute;right: 10px;transform: translateY(-100%);padding: 4px;line-height:1;}
         #organize-comment-url{max-height:200px}
        .qrcode{display: none;}
        .modal-inner{background: #fff;}
         .modal{width: 14rem;margin-left: -7rem; }
        .modal-text{text-align: left;text-align: center;font-size: 14px;}
        .modal-button{ font-size: 14px;}
         .modal-text p{margin: 0; text-align: left;}
         .modal-text p:first-child{font-weight: bold;}
          .modal-text img{margin-top: 10px;width: 100%;}
        .qr-text{text-align: center;color: #999;padding: 10px 0;}
    </style>
</head>

<body>
<div class="page-group">
    <div class="page" data-url="${basepath}/front/offline/toOfflineSignList" >
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left back" onclick="javascript:history.back(-1);">返回</a>
            <h1 class="title">活动详情 <span class="pull-right qrcode iconfont icon-erweima"></span></h1>
        </header>
        <!--中间内容 !-->
        <div class="content loveActivity-content">
                <div class="limit-info join-member">

                </div>
                <div class="detail-info">
                    <div class="head-block">
                        <#--<div class="d-head">-->
                            <#--关爱健康从我开始做起-->
                        <#--</div>-->
                        <#--<div class="d-time">-->
                            <#--<p><span>活动日期:</span><span>2017-7-2~2017-7-20</span></p>-->
                            <#--<p><span>活动时间:</span><span>8:00~17:00 </span></p>-->
                            <#--<p>(每周一、周三、周五、周日)</p>-->
                        <#--</div>-->
                    </div>
                    <div class="d-head-type2 spec-item">
                            <img src="${staticpath}/images/loveIcon.png" alt="公益时间"/>
                            <span>公益时间:0小时</span>
                     </div>
                    <#--募捐金额进度条-->
                    <div class="d-head-type3 ">
                        <img src="${staticpath}/images/loveIcon.png" alt="募捐进度"/>
                        <div>
                            <p class="process"><span class="inner-process"></span><span class="percent-num">20.00%</span></p>
                            <p class="target-money">目标金额:<i>20000.00</i>元</p>
                        </div>
                    </div>
                    <div class="buttons-tab">
                        <a href="#activity-info" class="tab-link active button">活动简介</a>
                        <a href="#activity-detail" class="tab-link button">活动信息</a>
                    </div>
                    <div class="content-block">
                        <div class="tabs">
                            <div id="activity-info" class="tab active">
                                <#--活动简介-->
                                <div class="d-content-block activity-info"></div>
                                <div class="s-head">活动日记</div>
                                <div class="d-content-block" id="d-content-url" data-url="${basepath}/front/offline/toOfflineCommentList">
                                </div>
                                <div class="s-head">机构的评价</div>
                                <div class="d-content-block mb2">
                                    <div class="d-content-head-bold">
                                        火炬鸿兴公司服务队
                                    </div>
                                </div>
                                <div class="d-content-block" id="organize-comment-url" data-url="${basepath}/front/offline/toOrganizeCommentList">
                                    <div class="d-content-head" id="organizeNum"></div>
                                    <div class="judge-block">
                                         <ul class="star-div">
                                                        <li>
                                                            <p>公益信息准确性：</p>
                                                            <form>
                                                                <div id="starBgInformation" class="star_bg">
                                                                    <input type="radio" id="starInformationScore1" class="score score_1 scoreInformation" value="1"
                                                                           name="score">
                                                                    <a href="#starInformationScore1" class="star star_1" title="差" id="starInformation"><label
                                                                            for="starInformationScore1" class="label-star">差</label></a>
                                                                    <input type="radio" id="starInformationScore2" class="score score_2 scoreInformation" value="2"
                                                                           name="score">
                                                                    <a href="#starInformationScore2" class="star star_2" title="较差"><label
                                                                            for="starInformationScore2" class="label-star">较差</label></a>
                                                                    <input type="radio" id="starInformationScore3" class="score score_3 scoreInformation" value="3"
                                                                           name="score">
                                                                    <a href="#starInformationScore3" class="star star_3" title="普通"><label
                                                                            for="starInformationScore3" class="label-star">普通</label></a>
                                                                    <input type="radio" id="starInformationScore4" class="score score_4 scoreInformation" value="4"
                                                                           name="score">
                                                                    <a href="#starInformationScore4" class="star star_4" title="较好"><label
                                                                            for="starInformationScore4" class="label-star">较好</label></a>
                                                                    <input type="radio" id="starInformationScore5" class="score score_5 scoreInformation" value="5"
                                                                           name="score">
                                                                    <a href="#starInformationScore5" class="star star_5" title="好"><label
                                                                            for="starInformationScore5" class="label-star">好</label></a>
                                                                </div>
                                                            </form>
                                                        </li>
                                                        <li>
                                                            <p>公益管理专业性：</p>
                                                            <form>
                                                                <div id="starBgManage" class="star_bg">
                                                                    <input type="radio" id="starManageScore1" class="score score_1 scoreManage" value="1" name="score">
                                                                    <a href="#starManageScore1" class="star star_1" title="差"><label
                                                                            for="starManageScore1" class="label-star">差</label></a>
                                                                    <input type="radio" id="starManageScore2" class="score score_2 scoreManage" value="2" name="score">
                                                                    <a href="#starManageScore2" class="star star_2" title="较差" ><label
                                                                            for="starManageScore2" class="label-star">较差</label></a>
                                                                    <input type="radio" id="starManageScore3" class="score score_3 scoreManage" value="3" name="score">
                                                                    <a href="#starManageScore3" class="star star_3" title="普通"><label
                                                                            for="starManageScore3" class="label-star">普通</label></a>
                                                                    <input type="radio" id="starManageScore4" class="score score_4 scoreManage" value="4" name="score">
                                                                    <a href="#starManageScore4" class="star star_4" title="较好"><label
                                                                            for="starManageScore4" class="label-star">较好</label></a>
                                                                    <input type="radio" id="starManageScore5" class="score score_5 scoreManage" value="5" name="score">
                                                                    <a href="#starManageScore5" class="star star_5" title="好"><label
                                                                            for="starManageScore5" class="label-star">好</label></a>
                                                                </div>
                                                            </form>
                                                        </li>
                                                        <li>
                                                            <p>公益行为延续性：</p>
                                                            <form>
                                                                <div id="starBgBehavior" class="star_bg">
                                                                    <input type="radio" id="starBehaviorScore1" class="score score_1 scoreBehavior" value="1" name="score">
                                                                    <a href="#starBehaviorScore1" class="star star_1" title="差"><label
                                                                            for="starBehaviorScore1" class="label-star">差</label></a>
                                                                    <input type="radio" id="starBehaviorScore2" class="score score_2 scoreBehavior" value="2" name="score">
                                                                    <a href="#starBehaviorScore2" class="star star_2" title="较差"><label
                                                                            for="starBehaviorScore2" class="label-star">较差</label></a>
                                                                    <input type="radio" id="starBehaviorScore3" class="score score_3 scoreBehavior" value="3" name="score">
                                                                    <a href="#starBehaviorScore3" class="star star_3" title="普通"><label
                                                                            for="starBehaviorScore3" class="label-star">普通</label></a>
                                                                    <input type="radio" id="starBehaviorScore4" class="score score_4 scoreBehavior" value="4" name="score">
                                                                    <a href="#starBehaviorScore4" class="star star_4" title="较好"><label
                                                                            for="starBehaviorScore4" class="label-star">较好</label></a>
                                                                    <input type="checkbox" id="starBehaviorScore5" class="score score_5 scoreBehavior" value="5" name="score">
                                                                    <a href="#starBehaviorScore5" class="star star_5" title="好"><label
                                                                            for="starBehaviorScore5" class="label-star">好</label></a>
                                                                </div>
                                                            </form>
                                                        </li>
                                                        <li>
                                                            <p>受助对象满意度：</p>
                                                            <form>
                                                                <div id="starBgObject" class="star_bg">
                                                                    <input type="radio" id="starObjectScore1" class="score score_1 scoreObject" value="1" name="score">
                                                                    <a href="#starObjectScore1" class="star star_1" title="差"><label
                                                                            for="starObjectScore1" class="label-star">差</label></a>
                                                                    <input type="radio" id="starObjectScore2" class="score score_2 scoreObject" value="2" name="score">
                                                                    <a href="#starObjectScore2" class="star star_2" title="较差"><label
                                                                            for="starObjectScore2" class="label-star">较差</label></a>
                                                                    <input type="radio" id="starObjectScore3" class="score score_3 scoreObject" value="3" name="score">
                                                                    <a href="#starObjectScore3" class="star star_3" title="普通"><label
                                                                            for="starObjectScore3" class="label-star">普通</label></a>
                                                                    <input type="radio" id="starObjectScore4" class="score score_4 scoreObject" value="4" name="score">
                                                                    <a href="#starObjectScore4" class="star star_4" title="较好"><label
                                                                            for="starObjectScore4" class="label-star">较好</label></a>
                                                                    <input type="radio" id="starObjectScore5" class="score score_5 scoreObject" value="5" name="score">
                                                                    <a href="#starObjectScore5" class="star star_5" title="好"><label
                                                                            for="starObjectScore5" class="label-star">好</label></a>
                                                                </div>
                                                            </form>
                                                        </li>
                                                    </ul>
                                         <span class="pull-icon pull-right icon icon-right"></span>
                                    </div>

                                </div>

                            </div>
                            <input type="hidden" id="refreshed" value="no">
                            <div id="activity-detail" class="tab" data-url="${basepath}/front/offline/toOfflineAccount">

                            </div>
                         </div>
                    </div>
                 </div>
         </div>
        <a href="#" class="bar bar-tab join-activity"data-payurl="${basepath}/front/offline/toOfflinePay" data-url="${basepath}/front/account/toAccountOfflineList">报名参加</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script>
    $.config={
        router:false
    }
    onload=function(){
        var e=document.getElementById("refreshed");
        if(e.value=="no")
            e.value="yes";
        else{e.value="no";location.reload();}
    }
</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/offline/offlineDetail.js' charset='utf-8'></script>
<script>
    $.init();
</script>
</body>

</html>
